<template>
  <el-container style="height:100vh;">
    <el-header>
      <el-menu mode="horizontal" :default-active="active" router>
        <el-menu-item index="/ai">AI绑定</el-menu-item>
        <el-menu-item index="/user">用户</el-menu-item>
        <el-menu-item index="/graphics">图形库</el-menu-item>
        <el-menu-item index="/process">过程配置</el-menu-item>
      </el-menu>
    </el-header>
    <el-main>
      <router-view />
    </el-main>
  </el-container>
</template>

<script setup lang="ts">
import { useRoute } from 'vue-router'
import { computed } from 'vue'
const route = useRoute()
const active = computed(()=> route.path)
</script>

